{% load i18n %}
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="/static/css/ajiaojr.css" type="text/css">
    <link rel="stylesheet" href="/static/css/magpie.css" type="text/css">
    <script type="text/javascript">
      var googleApiHost = (("https:" == document.location.protocol) ? "https://" : "http://");
      document.write(unescape("%3Cscript src='" + googleApiHost + "www.google.com/jsapi' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script>
    // Load jQuery
      google.load("jquery", "1");
    </script>
    <script type="text/javascript">
      $(document).ready(function () {
        $('ul.tree li:last-child').addClass('last');
        $('ul.tree li > ul').each(function(i) {
          var li_parent = $(this).parent('li');
          li_parent.addClass('parent');
        })
      });
   </script>
    </link>
    <link rel="icon" type="image/png" href="/static/images/favicon.png">
    <title>{{ club_config.club_name }}</title>
    <base target="main">
  </head>
  <body>
    <p align="center">
      <a href="/"><img src="/static/images/jian.jpg" border="0"></a>
    </p>
    <ul class="tree">
      {% if favourites %}
        <li>
          <a href="/fav/manage">{% trans "Favourites" %}</a>
          <ul>
            {% for forum in favourites %}
              <li>
                <a href="/f/{{ forum.key.id }}/">
                  {{ forum.name }}
                </a>
              </li>
            {% endfor %}
          </ul>
        </li>
      {% endif %}
      {% for category in categories %}
        <li>
          {{ category.name }}
          <ul>
            {% for forum in category.forums %}
              <li>
                <a href="/f/{{ forum.key.id }}/">
                  {{ forum.name }}
                </a>
              </li>
            {% endfor %}
          </ul>
        </li>
      {% endfor %}
      <!--
      <li>{% trans "Services" %}
        <ul>
          <li><a href="/services/bank/">{% trans "Bank" %}</a></li>
        </ul>
      </li>
      -->
      <li><a href="/games/">{% trans "Games" %}</a>
        <ul>
          <li><a href="/games/mine/">{% trans "Mine Gold" %}</a></li>
        </ul>
      </li>
    </ul>
  </body>
</html>
